import headss from '../../components/header/index.vue'
import loading from '../../components/skeleton/shouye.vue'
import Vue from 'vue'
import { Lazyload, Swipe, SwipeItem,Rate } from 'vant'
import { Swiper, SwiperSlide } from 'vue-awesome-swiper'
Vue.use(Lazyload)
export default {
  name:'jiyang',
  data:function(){
    return {
      value: 3,
      swiperOption: {
        direction: 'vertical',
        slidesPerView: 'auto',
        freeMode: true,
        scrollbar: {
          el: '.swiper-scrollbar'
        },
        mousewheel: true,
        on: {
          touchEnd: function(swiper,event){
            //你的事件
            console.log('我到底了')
          },
        },
      },
      loading:true,
      images: [
        'https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/61a8af0c1f655f0011bb51f4/61c94cba1158630011a4e26c/16406704932698007257.png',
        'https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/61a8af0c1f655f0011bb51f4/61c94cba1158630011a4e26c/16406704932698007257.png',
        'https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/61a8af0c1f655f0011bb51f4/61c94cba1158630011a4e26c/16406704932698007257.png',
        'https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/61a8af0c1f655f0011bb51f4/61c94cba1158630011a4e26c/16406704932698007257.png'
      ],	
      list:[{
        image:'https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/61a8af0c1f655f0011bb51f4/61c94cba1158630011a4e26c/16406704915125197715.png',
        name:"小型犬洗澡美容套餐",
        dress:'包含小型犬洗澡、美容服务我爱了呀宝',
        juli:'￥360'
      },{
        image:'https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/61a8af0c1f655f0011bb51f4/61c94cba1158630011a4e26c/16406704926753712403.png',
        name:"犬类洁白洁牙",
        dress:'包含小型犬洗澡、美容服务我爱了呀宝',
        juli:'￥360'
      },{
        image:'https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/61a8af0c1f655f0011bb51f4/61c94cba1158630011a4e26c/16406704928180408293.png',
        name:"小型犬抗菌药浴套餐",
        dress:'包含小型犬洗澡、美容服务我爱了呀宝',
        juli:'￥360'
      },{
        image:'https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/61a8af0c1f655f0011bb51f4/61c94cba1158630011a4e26c/16406704929417822702.png',
        name:"犬类洁白洁牙",
        dress:'包含小型犬洗澡、美容服务我爱了呀宝',
        juli:'￥360'
      },{
        image:'https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/61a8af0c1f655f0011bb51f4/61c94cba1158630011a4e26c/16406704929417822702.png',
        name:"淘气联盟宠物店",
        dress:'包含小型犬洗澡、美容服务我爱了呀宝',
        juli:'￥360'
      },{
        image:'https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/61a8af0c1f655f0011bb51f4/61c94cba1158630011a4e26c/16406704929417822702.png',
        name:"淘气联盟宠物店",
        dress:'包含小型犬洗澡、美容服务我爱了呀宝',
        juli:'￥360'
      },{
        image:'https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/61a8af0c1f655f0011bb51f4/61c94cba1158630011a4e26c/16406704929417822702.png',
        name:"淘气联盟宠物店",
        dress:'包含小型犬洗澡、美容服务我爱了呀宝',
        juli:'￥360'
      }]
    }
  },
  components: {
    [Swipe.name]: Swipe,
    [SwipeItem.name]: SwipeItem,
    [Rate.name]: Rate,
    headss,
    Swiper,
    SwiperSlide,
    loading
  },
  mounted() {
    this.init()
    setTimeout(() => {
      this.loading = false
    }, 600);
  },
  beforeDestroy() {
    this.bs.destroy()
  },
  methods: {
    init() {   
    },
    clickHandler (item) {
      window.alert(item)
    },
    goto(){
      this.$router.go(-1)
    },
    go(){
      this.$router.push({
        name:'BeautyDetails'
      })
    }
  }
}
